<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人数据</title>
</head>

<body>
    <!-- 个人资料修改 -->
    <div class="app-information-changes">

        <!-- 个人资料头部 -->
        <div class="Movementdata-top dpflex">
            <div class="lt" id="retMine"> &lt; </div>
            <div class="personal-data">个人资料</div>
        </div>

        <!-- 个人资料内容 -->
       <main>
           <!-- 头像 -->
           <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>更换头像</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link">
                <img src="../img/dog.jpg" alt="" width="80" height="80" style="border-radius: 50%;" id="imgurl">
                <input type="file" name="" id="upImg" class="up-img">
            </span>
        </a>


        <!-- 昵称 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>昵称</b>
            </span>
            
                <div class="weui-cell__bd weui-flex">
                    <input id="js_input1" class="weui-input" type="text" pattern="[0-9]*" placeholder="请输入昵称" maxlength="16" style="text-align: right;"/>
                    <button id="js_input_clear" class="weui-btn_reset weui-btn_icon weui-btn_input-clear">
                      <i class="weui-icon-clear"></i>
                    </button>
                </div>
        </a>

        <!-- 性别 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:" id="showPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>性别</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="sex">
               请选择
            </span>
        </a>

        <!-- 生日 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:" id="showDatePicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>生日</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="showDate">
               请选择
            </span>
        </a>


        <!-- 省份 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:" id="provincePicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>省份</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="province">
               请选择
            </span>
        </a>

        <!-- 城市 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:" id="cityPicker">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>城市</b>
            </span>
            <span class="weui-cell__ft" aria-hidden="true" id="city">
                请选择
            </span>
        </a>

        <!-- 个人简介 -->
        <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" href="javascript:">
            <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                <b>个人简介</b>
            </span>
        </a>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell weui-cell_active">
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea" placeholder="请描述你所发生的问题" rows="3"></textarea>
                    <div role="option" aria-live="polite" class="weui-textarea-counter"><span>0</span>/200</div>
                </div>
            </div>
        </div>

        <!-- 按钮 -->
        <div class="serve-content">
            <button>保存信息</button>
        </div>
       </main>
    </div>
</body>

</html>